<%--
  Created by IntelliJ IDEA.
  User: 凉城
  Date: 2021/12/13
  Time: 15:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <h2 class="sub-header">商品列表</h2>
    <!-- 绑定模态框按钮 -->
    <button class="btn btn-primary" data-toggle="modal" data-target="#productModal">添加商品</button>
    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>商品ID</th>
                <th>商品名称</th>
                <th>商品价格</th>
                <th>商品分类</th>
                <th>商品数量</th>
                <th>商品图片</th>
                <th>商品描述</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>大勇和小花</td>
                <td>10.00</td>
                <td>文学</td>
                <td>100</td>
                <td>
                    <img src="../productImg/dayongxiaohua.jpg" style="width: 100px; height: 100px;" alt="..." class="img-thumbnail">
                </td>
                <td>这是一本文学小说。</td>
                <td>
                    <button class="btn btn-info" data-toggle="modal" data-target="#productModal">修改</button>
                    <button class="btn btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>大勇和小花</td>
                <td>10.00</td>
                <td>文学</td>
                <td>100</td>
                <td>
                    <img src="../productImg/dayongxiaohua.jpg" style="width: 100px; height: 100px;" alt="..." class="img-thumbnail">
                </td>
                <td>这是一本文学小说。</td>
                <td>
                    <button class="btn btn-info" data-toggle="modal" data-target="#productModal">修改</button>
                    <button class="btn btn-danger">删除</button>
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>大勇和小花</td>
                <td>10.00</td>
                <td>文学</td>
                <td>100</td>
                <td>
                    <img src="../productImg/dayongxiaohua.jpg" style="width: 100px; height: 100px;" alt="..." class="img-thumbnail">
                </td>
                <td>这是一本文学小说。</td>
                <td>
                    <button class="btn btn-info" data-toggle="modal" data-target="#productModal">修改</button>
                    <button class="btn btn-danger">删除</button>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
